<template>
    <div class="oyhq">
        <table class="youhui">
            <tr class="yh1">
                <td class="yhq1">优惠券</td>
                <td class="yhq2">
                    <p><span class="three">3</span>张</p>
                    <img src="./images/turn-r.png" alt="">
                </td>
            </tr>
            <tr class="yh2">
                <td class="yhq1">余额：<span>0.0元可用</span> </td>
                <td class="yhq2"><img src="./images/nochoose.png" alt=""></td>
            </tr>
            <tr class="yh3">
                <td class="yhq1">可用4000积分抵扣40元</td>
                <td class="yhq2"><img src="./images/choose.png" alt=""></td>
            </tr>
        </table>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .oyhq{
        width: 100%;
        background:#fff;
        margin-top: 0.2rem;
    }
    .youhui{
        width:93%;
        height: 3.02rem;
        /* background: red; */
        margin: 0 auto;
    }
    .youhui tr{
        width: 100%;
        height: 1rem;
    }
    .youhui tr td{
        font-size: medium;
        font-size: 0.3rem;
        line-height: 1rem;
        color: #191E2A;
    }
    .yh1 .yhq1,.yh2 .yhq1,.yh3 .yhq1{
        width: 76%;
    }
    .yh1{
        overflow: hidden;
    }
    .yh1 .yhq2{
        display: block;
        margin-left: 2.6rem;
        line-height: 1rem;
    }
    .yh1 .yhq2 p{
        float: left;
    }
     .yh1 .yhq2 p .three{
        color: #F52E67;
    }
    .yh1 .yhq2 img{
        width: 0.14rem;
        height: 0.2rem;
        float: left;
        margin-left: 0.1rem;
        margin-top: 0.4rem;
    }
    .yh2{
        border-top: 0.01rem solid #EFF1F3;
        border-bottom: 0.01rem solid #EFF1F3;
    }
    .yh2 .yhq1 span{
        color: #9FA0A5;
    }
    .yh2 .yhq2{
        display: block;
        margin-left: 2.4rem;
        padding-top: 0.4rem;
        box-sizing: border-box;
    }
    .yh2 .yhq2 img{
        width: 1rem;
        height: 0.6rem;
    }
    .yh3 .yhq1{
        color: #9FA0A5;
    }
    .yh3 .yhq2{
        display: block;
        margin-left: 2.4rem;
        padding-top: 0.4rem;
        box-sizing: border-box;
    }
    .yh3 .yhq2 img{
        width: 1rem;
        height: 0.6rem;
    }
</style>
